<!--
 * @Descripttion: 
 * @Version: 
 * @Author: gaohj
 * @Date: 2022-11-10 19:08:06
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-11-10 19:30:37
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>
        qwertyuiop
        qwertyuiop
        asdfghjkl
        zxcvbnm,
        qwertyuiop
        qwertyuiop
        asdfghjkl
        zxcvbnm,qwertyuiop
        qwertyuiop
        asdfghjkl
        zxcvbnm,
    </p>

    <script>

        /* 
            selectstart  

            捕捉用户选中的行为然后触发某个函数 

        
        */

        /* 
            visibilitychange 
            可视化窗口程度发生改变 触发
        
        */

        // document.onselectstart = function(){
        //     console.log('你居然想复制');
        // }

        // document.onvisibilitychange = function(){
        //     console.log('可视程度发生了改变')
        // }
        // 最小化 最大化会触发 

        // window.onload 

        // 关闭窗口的时候 触发的事件 
        //    window.onunload
        

        //第一次打开窗口 我记录一个时间 
        // 关闭浏览器 记录第一次打开的时间
        window.onunload = function(){
            window.localStorage.setItem('lasttime',new Date().getTime());
        }
        //因为需要跟当前的时间进行对比 所以需要从 本地存储中取出来
        var prevTime =  window.localStorage.getItem('lasttime') - 0;
        // 取出来的是一个字符串  转成数值 

        var str = "欢迎光临,请多关照"; // 如果第一次来就是这个字符串 
        if(prevTime){
            // 如果有这个时间,说明曾经来过 
            var currentTime = new Date().getTime();
            var prev = new Date(prevTime);

            //转成秒 
           var sub =  Math.ceil((currentTime-prev)/1000);//时间差 秒为单位

           var day =  parseInt(sub / (24*60*60));
           var hour = parseInt(sub % (24*60*60) / (60*60)); 


           var minute = parseInt(sub %  (60*60) / 60) ;
           var second = sub % 60 ;

           str = `距离上次你来已经过了${day}天${hour}小时${minute}分钟${second}秒`


        }

        alert(str);
    </script>
</body>
</html>